草庐IT

Foundation 进度条

全部标签

javascript - AngularJS - 一旦进度条为 100%,重新加载页面 5 秒

一旦进度条达到100%,我想在5秒后重新加载页面我的代码是:jQueryFileUploadDemo-AngularJSversion/*HideAngularJSelementsbeforeinitializing*/.ng-cloak{display:none;}Addfiles...StartuploadCancelupload {{file.name}}{{file.name}}{{file.name}}{{file.error}}{{file.size|formatFileSize}}StartCancelDelete‹›×我希望整个页面重新加载一次,或者重定向到另

javascript - IE中有AJAX进度事件吗?如何使用?

我尝试了所有我能想到的至少在IE9中使用进度功能,但没有任何效果。所有其他浏览器都可以进入进度函数并毫无问题地编写测试文本。希望有人能帮助我。谢谢!varinfo=document.getElementById('info');varxhr;if(window.XMLHttpRequest){xhr=newXMLHttpRequest();}elseif(window.ActiveXObject){try{xhr=newActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhr=newActiveXObject("Microsoft.XMLHTT

javascript - 加载外部JS文件的进度

我不确定这会叫什么来知道要搜索什么,如果这是重复的请链接我:)是否可以在浏览器的JavaScript中加载外部文件(这一点很简单),但考虑到外部文件可能相当大(比如50MB),是否会显示该文件加载的进度指示器?也就是说,我知道文件的服务器端大小,但不知道gzip大小,我想说加载了X%的文件。我没有尝试过任何东西,我找不到任何可以工作的东西,更不用说找到暗示它可能的东西了。问题:尝试按需加载50MB的JavaScript库,但显示加载进度。 最佳答案 使用XMLHttpRequest加载脚本和monitoritsprogress.完成

javascript - 项目中的 Foundation 6.4 JavaScript 无法正常工作,但外部 JS 可以

我对Foundation6.4中的javascript失去了理智。我不知道这个Webpack是怎么回事。似乎有些库/插件可以工作,有些则不能。我的最新一期是plyr(https://plyr.io/)。我不明白为什么TweenMax可以100%正常工作而plyr.js却不行。我究竟做错了什么?这是我得到的错误..app.js:23026UncaughtReferenceError:plyr未定义这就是我的app.js的样子..import$from'jquery';importwhatInputfrom'what-input';window.$=$;window.jQuery=$;re

javascript - 使用 jQuery 的 $.ajax 异步更新 Bootstrap 进度条

我有一个脚本在我的本地网络上循环遍历IP,检查那里是否有任何东西。每次迭代,我都会提交一个AJAX请求以使用cURL获取HTTP状态代码,该代码会返回到我的Javascript。我已经构建了计算进度条应该在哪里的函数,但是它只会在整个脚本执行完毕后更新进度条。这是我到目前为止所拥有的(我在这个例子中只使用0-23,因为我在199.235.130.22上,我返回'200')functionupdateProgress(percentage){document.getElementById('progressBar').style.width=percentage+'%';$('#prog

javascript - 动态更改 Bootstrap 进度条

我有以下HTML代码,使用Bootstrap:我希望style="width:0"增加到100%。我尝试使用下面的代码作为测试,但没有任何反应。VerifyingOracledatabase...$(document).ready(function(){$("#progress-bar").css("width","50%");$("#progress-bar").attr("aria-valuenow","50%");});有人可以帮助实现这一进展吗?提前致谢。 最佳答案 您用来更新宽度的代码是正确的,但正如@Brennan指出的

javascript - 使用 jquery ajax 和 FormData 跟踪文件上传的 ajax 发布进度

varfiles=[];$(document).ready(function(){dropArea=document.getElementById("droparea");});//whenwedraganddropfilesintothediv#dropareadropArea.addEventListener("drop",function(evt){files=evt.dataTransfer.files;},false);functionuploadFiles(stepX){varurl="/ajax/uploadfiles.php";vartype="POST";if(fil

javascript - ajax提交上传进度总是返回100

我正在尝试制作一个进度条来向用户显示上传了多少文件,我正在使用ajaxSubmit和uploadprogress函数,但是这个函数不会更新,它只会给我100就是这样:这是我的JS代码:functionUploadImage(){$('#new-post-upload-images').ajaxSubmit({dataType:"json",beforeSend:function(a,f,o){$('input.images').unwrap().css('display','none');$('#new_post_overlay,#upload_plus,#upload_wrapper

javascript - Dropzone.js 上传进度条无法正常工作

当我尝试上传一个大文件时,进度条立即变成100%,而实际上文件还在进行中,进度条一直等到上传进度完成。上传进度完成后,我如何才能将其填满。就这样一直等待,直到完成上传进度。这是完成的时候 最佳答案 Dropzone不做上传进度计算,你应该自己做,并提供百分比给dropzone组件。当您通过http请求发送上传请求时,您可以检查文件大小以获得上传的总大小。然后在您的服务器(onData)的每个响应中检查已上传的整个文件大小。有了总大小和上传大小,您可以设置拖放区的上传百分比。此外,还有一个complete事件会在上传成功或因错误而取消

c# - 在 ASP.net Ajax 中禁用更新进度按钮

您好,我正在通过asp.netAjax加载大量数据,在GridView中单击按钮时显示更新prgress上的加载消息...在更新进度时间我必须禁用我的BtnLoadReport按钮。  Loading,pleasewait...  禁用按钮的脚本varupdateProgress=null;functionclickOnLoadReport(){//Thiswilldisableallthechildrenofthedivvarprm=Sys.WebForms.PageRequestManager.getInstance();if(prm.get